﻿<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
    <meta http-equiv="expires" content="0">
    <title>政务地图</title>
    <link href="css/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="http://10.87.94.52/api331/arcgis_js_api/library/3.31/3.31/esri/themes/calcite/dijit/calcite.css"
        rel="stylesheet" type="text/css">
    <link href="http://10.87.94.52/api331/arcgis_js_api/library/3.31/3.31/esri/themes/calcite/esri/esri.css"
        rel="stylesheet" type="text/css">
    <link href="css/smimap.css" rel="stylesheet" type="text/css">
    <link href="css/page.css" rel="stylesheet" type="text/css">
    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <link href="css/menu.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="img/favicon3.ico">
</head>

<body class="calcite">
    <div class="con" id="mainMap">
        <div id="map">

        </div>

        <div id="HomeButton"></div>

        <div id="addressSearchBtn" class="addressSearchBtn" title="地名地址搜索">
            <i class="fa fa-search"></i>
        </div>

        <div id="districtBtn" class="districtBtn" title="区县选择">
            上海市 <i class="fa fa-caret-down"></i>
        </div>
        <div id="districtPanel" style="display: none;">
            <!-- <div class="featureListItem">
                 医疗卫生</div> -->
        </div>

        <div id="aroundBtn" class="aroundBtn" title="周边查询">
            <i class="fa fa-search"></i> 周边查询
        </div>

        <div id="aroundTipsPanel" style="display: none;">
            <p style="font-weight: bold;color: #fff;">当前为周边查询模式</p>
            <p style="font-size: 14px;">点击地图上任一点，开始周边查询</p>
            <p style="font-size: 14px;">再次点击本按钮，结束周边查询</p>
        </div>
        <!-- <div id="ieBtn" class="ieBtn" title="ie">
           IE
        </div>
        <div id="ieBtn2" class="ieBtn2" title="ie">
            IE2
         </div> -->
        <ul style="display: none;" id="accordion" class="accordion">
            <li>
                <div class="link"><i class="fa fa-map-marker"></i>热点区域<i class="fa fa-chevron-down"></i></div>
                <div id="hotSpotArea" class="sub"> </div>
            </li>
            <!-- <li>
                <div class="link"><i class="fa fa-map"></i>长三角一体化<i class="fa fa-chevron-down"></i></div>
                <div id="CSJArea" class="sub"> </div>
            </li>
            <li>
                <div class="link"><i class="fa fa-hospital-o"></i>医疗卫生<i class="fa fa-chevron-down"></i></div>
                <div id="medicalArea" class="sub"> </div>
            </li> -->
            <!-- <li>
                <div class="link"><i class="fa fa-globe"></i>防疫<i class="fa fa-chevron-down"></i></div>
                <div id="fyArea" class="sub"> </div>
            </li> -->
        </ul>
        <div class="addressSearchPanel" id="addressSearchPanel">
            <div class="infoPanelTitle">
                <i class="fa fa-search"></i>
                <span id="addressSearchTitle">地址检索</span>
                <a class="close">&times;</a>
            </div>

            <p class="ips clearfix">
                <input id="menpaiInput" placeholder="请输入关键字" type="text">
                <span class="input_clear">×</span>
                <!-- <span class="input_microphone"><i class="fa fa-microphone"></i>
                </span> -->
                <button class="btnDel btnView" id="menpaiSearBtn"><img src="img/search.png" alt="">查询</button>
            </p>
            <div class="divide1"></div>
            <div class="infoPanelContent scrollbar featureList" id="featureList">
                <div class="featureListItem">
                    <img src="img/icon/医疗卫生.png" alt=""> 医疗卫生</div>
                <div class="featureListItem">
                    <img src="img/icon/文化设施.png" alt=""> 文化设施</div>
                <div class="featureListItem">
                    <img src="img/icon/公共服务.png" alt=""> 公共服务</div>
                <div class="featureListItem">
                    <img src="img/icon/教育设施.png" alt=""> 教育设施</div>
                <!-- <div class="featureListItem">
                    <img src="img/icon/宾馆酒店.png" alt=""> 宾馆酒店</div> -->
                <div class="featureListItem">
                    <img src="img/icon/红色资源.png" alt=""> 红色资源</div>
            </div>
            <div class="divide"></div>
            <div class="infoPanelContent scrollbar hotspotList" style="margin-bottom: 0;" id="hotspotList">
                <!-- <div class="hotspotListItem">青浦新城</div>
                <div class="hotspotListItem"> 嘉定新城</div>
                <div class="hotspotListItem"> 松江新城</div>
                <div class="hotspotListItem"> 奉贤新城</div>
                <div class="hotspotListItem"> 南汇新城</div>
                <div class="hotspotListItem"> 长三角示范区</div> -->
            </div>
            <div class="infoPanelContent scrollbar addressAround" id="historyaAdressList">
                <ul class="scrollbar">
                </ul>
            </div>
            <div class="infoPanelContent scrollbar addressAround" id="addressList">
                <div class="waitPanel">
                    <i class="fa fa-spinner fa-pulse fa-3x"></i>
                </div>
                <ul class="scrollbar">
                </ul>
            </div>
            <div class="" id="backToAddressList">
                <!-- <i class="fa fa-spinner fa-pulse fa-3x"></i> -->
                返回
            </div>
            <div class="infoPanelContent scrollbar addressAround" id="roomList">
                <!-- <div class="waitPanel">
                    <i class="fa fa-spinner fa-pulse fa-3x"></i>
                </div> -->

                <ul class="scrollbar">
                </ul>
            </div>
            <div class="text-center">
                <ul class="page" maxshowpageitem="3" pagelistcount="10" id="addressPage"></ul>
                <ul class="page" maxshowpageitem="3" pagelistcount="10" id="roomPage"></ul>
            </div>
        </div>

        <div class="aroundSearchPanel">
            <div class="infoPanelTitle">
                <img width='20px' src='img/icon-nearby.png'>
                <span id="addressSearchTitle">周边查询</span>
                <a id="aroundSearchClose" style="display: none;" class="close">&times;</a>
                <a id="aroundSearchBack"><i style="margin-right: 3px;transform: translateY(1px);"
                        class="fa fa-chevron-left"></i>返回</a>
            </div>
            <div class="aroundSearchPanel_con">
                <div class="aroundSearchPanel_left">
                    <div class="el-tabs__active-bar" style="height: 40px; transform: translateY(0px);"></div>
                    <div class="aroundSearchPanel_left_item active">
                        <i class="fa fa-hospital-o"></i>
                        <span>医疗卫生</span>
                    </div>
                    <div class="aroundSearchPanel_left_item">
                        <i class="fa fa-institution"></i>
                        <span>文化设施</span>
                    </div>
                    <div class="aroundSearchPanel_left_item">
                        <i class="fa fa-briefcase"></i>
                        <span>公共服务</span>
                    </div>
                    <div class="aroundSearchPanel_left_item">
                        <i class="fa fa-mortar-board"></i>
                        <span>教育设施</span>
                    </div>
                    <div class="aroundSearchPanel_left_item">
                        <i class="fa fa-hotel"></i>
                        <span>宾馆酒店</span>
                    </div>
                </div>
                <div class="aroundSearchPanel_right">
                    <div class="infoPanelContent scrollbar addressAround" id="aroundList">
                        <div class="waitPanel">
                            <i class="fa fa-spinner fa-pulse fa-3x"></i>
                        </div>
                        <ul class="scrollbar">
                        </ul>
                    </div>
                    <div class="text-center">
                        <ul class="page" maxshowpageitem="3" pagelistcount="10" id="aroundPage"></ul>
                    </div>

                </div>
            </div>

        </div>

        <div id="mapType-wrapper">
            <div id="mapType">
                <div id="historyAirBtn" class="mapTypeCard normal active" data-name="normalMap">
                    <span>双屏对比</span>
                </div>
                <div id="zwBtn" class="mapTypeCard earth" data-name="earth">
                    <span>政务地图</span>
                </div>
                <div id="curAirBtn" class="mapTypeCard earth" data-name="earth">
                    <span>现状影像</span>
                </div>

            </div>
        </div>
    </div>
    <div class="con" id="compareMap">
        <!-- <div style="display: none;" id="backBtn" class="backMain">
            <i style="margin-right: 7px;" class="fa fa-caret-left"></i>返回
        </div> -->
        <div class="compareMapRow">
            <div id="map_0" class="compareMap">
                <div id="labelToggle" style="display: none; position: absolute;z-index: 999;left: 20px;top: 20px;"
                    class="featureListItem">
                    隐藏注记
                </div>

                <div id="compareMapLabel0" class="compareMapLabel">
                    <div class="compareMapLabel_con">
                        <label id=label_0 class="control-label"></label>
                    </div>
                </div>
                <div id="compareMapPanel0" class="compareMapPanel">
                </div>

            </div>
            <div id="map_1" class="compareMap">
                <div id="compareMapLabel1" class="compareMapLabel">
                    <div class="compareMapLabel_con">
                        <label id=label_1 class="control-label"></label>
                    </div>
                </div>
                <div id="compareMapPanel1" class="compareMapPanel">
                </div>
            </div>
        </div>
        <div id="mapType-wrapper">
            <div id="mapType" style="width: 130px;">
                <div id="backBtn" class="mapTypeCard main active" data-name="normalMap">
                    <span>返回主地图</span>
                </div>

            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
    var oneMapServerIP = "http://10.108.3.36"
    // var oneMapServerIP = "http://172.27.94.52:8080"
    // var oneMapServerIP = "http://10.87.94.143"
    // var oneMapServerIP = "http://172.27.94.28"  //部署用的电信云平台内网地址

    // var oneMapServerIPproxy = "/DotNet/proxy.ashx?"+oneMapServerIP
    var oneMapServerIPproxy = oneMapServerIP

    // var OneMapServerUrl = oneMapServerIP + "/OneMapServer/rest/services";
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.open('GET',
        oneMapServerIPproxy +
        '/RemoteTokenServer?request=getToken&username=shsdsjzx&password=dsjzx123&clientid=ref.http://mapapp1.smi.sh.cegn.cn&expiration=500',
        false);
    xmlhttp.withCredentials = true; //withCredentials设置true,让浏览器发送HTTP请求时带上客户端的Cookie
    xmlhttp.send();
    var GLOBAL_TOKEN = xmlhttp.responseText.substr(0, xmlhttp.responseText.length - 2);
    // xmlhttp.open('GET', oneMapServerIPproxy + '/OneMapServer/rest/services/address_p/Transfer?token=' + GLOBAL_TOKEN +
    //     '&wsdl=', false);
    // xmlhttp.send();
</script>
<script type="text/javascript" src="js/zw/urlConfig1.js"></script>

<!-- <script type="text/javascript" src="js/basic/jquery.js"></script> -->
<script type="text/javascript" src="js/basic/jquery.min.js"></script>
<script type="text/javascript" src="http://10.87.94.52/api331/arcgis_js_api/library/3.31/3.31/init.js"></script>
<script type="text/javascript" src="js/basic/page.js"></script>
<script type="text/javascript" src="js/basic/menu.js"></script>

<script type="text/javascript" src="js/zw/map.js"></script>
<script type="text/javascript" src="js/zw/config.js"></script>
<script type="text/javascript" src="js/zw/addressSearch.js"></script>
<!-- <script type="text/javascript" src="js/zw/newAddressSearch.js"></script> -->
<script type="text/javascript" src="js/zw/aroundSearch.js"></script>
<script type="text/javascript" src="js/zw/imageCompare.js"></script>
<script type="text/javascript" src="js/zw/aroundSearchData.js"></script>
<script type="text/javascript" src="js/zw/showFeature.js"></script>
<script type="text/javascript" src="js/zw/hotSpot.js"></script>
<script type="text/javascript" src="js/zw/showDistrict.js"></script>

</html>